﻿<h2>Order details</h2>
<div data-bind="with: order">
    <div class="row">
        <div class="large-2 columns">Total Price:</div>
        <div class="large-10 columns">
            <div class=""><span class="currency">$</span><span class="value" data-bind="text: totalPrice"></span></div>
        </div>
    </div>
    <table data-bind="visible: items().length > 0">
        <thead>
            <tr>
                <th>Title</th>
                <th>Item Price</th>
                <th>Count</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: items">
            <tr>
                <td>
                    <a data-bind="href: $parents[1].getProductUrl($data), text: title"></a>
                </td>
                <td>
                    <div class=""><span class="currency">$</span><span class="value" data-bind="text: itemPrice"></span></div>
                </td>
                <td data-bind="text: count"></td>
                <td>
                    <div class=""><span class="currency">$</span><span class="value" data-bind="text: price"></span></div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
